<template>
    <div class="right_div">
        <el-tabs v-model="activeName">
            <el-tab-pane label="属性设置" name="first">
                <div>
                    <!-- 文本设置 -->
                    <right-text v-if="listIndex != null && centerList[listIndex].type == 'text'" :listIndex="listIndex"
                        :centerList="centerList[listIndex]" />
                    <!-- 页面设置 -->
                        <right-page :pageConfig="pageConfig" v-else/>
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import RightPage from './rightPage.vue';
import RightText from './rightText.vue';
export default {
    components: { RightPage, RightText },
    props: ['pageConfig', 'centerList','listIndex'],
    data() {
        return {
            activeName: 'first',
            index: this.listIndex,
        }
    },

    methods: {
    }
}
</script>

<style lang="scss">
.right_div {
    .el-tabs__item {
        height: 50px;
        margin-left: 16px;
    }

    .el-tabs__active-bar {
        left: 16px;
    }

    .name_bold {
        font-size: 14px;
        font-weight: bold;
        color: #333333;
    }

    .marginTop16 {
        margin-top: 16px;
    }

    .el-input__inner {
        border: none;
        border-bottom: 1px solid #DDDDDD;
        border-radius: 0;
    }
}
</style>